約 5,564,838 件
https://w.atwiki.jp/testlink/pages/41.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Help Glossary of Terms /title link rel="stylesheet" type="text/css" href="{$basehref}{$smarty.const.TL_THEME_CSS_DIR}tl_docs.css" / /head body h1 TestLinkで使用されている用語の注解 /h1 div id="menu" a href="javascript window.close();" class="tlButton" 閉じる /a a href="javascript history.back();" class="tlButton" 戻る /a a href="{$basehref}lib/general/show_help.php?help=content locale={$locale}" class="tlButton" ヘルプ 目次 /a /div h2 範囲 /h2 p この資料は設計概念を表示しています、 用語と定義はテストの専門用語を理解することに役立ちます。 イタリック体の説明はTestLinkの語法です。 /p h2 定義 /h2 ul li a name="actualoutcome" /a b 実際の結果 /b テストでコンポーネントやシステムが出力、表示した結果。 /li li a name="bug" /a b バグ /b (= a href="#fault" フォールト /a )要求された機能をコンポーネントまたはシステムに果たせなくする、コンポーネントまたはシステム中の不備。たとえば不正な命令、データ定義。実行中に欠陥に遭遇した場合、コンポーネントまたはシステムの故障を引き起こす。 /li li a name="coverageitem" /a b カバレッジ アイテム /b a href="#testing" テスト /a /li カバレッジの基礎となる実体や属性。たとえば同値分割やコード命令。 li a name="error" /a b エラー /b 間違った結果を生み出す人間の行為。 /li li a name="expectedresults" /a b 予想結果 /b (= 予測結果 または 予想結果)指定の条件下で a href="#testspec" 仕様 /a やほかの情報から予測できるコンポーネントやシステムの動作。 /li li a name="failure" /a b 故障 /b コンポーネントやシステムが期待した機能、サービス、結果を提供できないこと。 /li li a name="fault" /a b フォールト /b (= バグ)要求された機能をコンポーネントまたはシステムに果たせなくする、コンポーネントまたはシステム中の不備。たとえば不正な命令、データ定義。実行中に欠陥に遭遇した場合、コンポーネントまたはシステムの故障を引き起こす。 /li li a name="steps" /a b ステップ /b (= テストシナリオ, 入力)開始点から終了点に至る一連のテスト実行のアクション /li li a name="testproject" /a b テストプロジェクト /b span class="italic" テストプロジェクトはTestLinkデータの一番上位の構造です。 すべてのデータ(ユーザ情報を除いて)は活動しているテストプロジェクトに関連付けられます。 /span /li li a name="testcasesuite" /a b テストケーススイート /b 対象のコンポーネントまたはシステムのために a href="#testcase" テストケース /a をまとめたもの。ひとつのテストの事後条件は次のテストの前提条件として利用される。 span class="italic" TestLinkではテスト仕様またはテスト計画でテストケースをまとめるために使用される。 /span /li li a name="testcoverage" /a b テストカバレッジ /b 指定の網羅条件を a href="#testcasesuite" テストスイート /a が実行した度合。パーセンテージで表す。 /li li b a name="testexecution" /a テスト実行 /b テスト対象のコンポーネントやシステムでテストを実行し a href="#actualoutcome" 実際の結果 /a を出力するプロセス。 br/ span class="italic" テストケーススイートはテストケースから割り当てられたテスト仕様でテストケースを定義している。 /span /li li a name="testplan" /a b テスト計画 /b 計画されたテスト活動の狙い、アプローチ、リソーススケジュールを記述するドキュメント。テストアイテム、テストすべき特色となる機能、テスティングタスク、各タスクを行う人、テスト担当者の独立の度合い、テスト環境、使われるテスト設計技法と入口・出口基準、それらの選択の理論的根拠、それに代替計画を必要とするあらゆるリスクを特定する。これはテスト計画プロセスの記録である。 br/ span class="italic" TestLinkはテスト計画にてユーザの割り当て、ビルド、テストケーススイートを定義できる。 /span /li li a name="testspec" /a b テスト仕様 /b 各々の a href="#testcase" テストケース /a 、 a href="#coverageitem" カバレッジアイテム /a 、テストにおけるソフトウェアの初期状態、 a href="#steps" ステップ /a 、そして a href="#expectedresults" 予想結果 /a 。 /li li a name="testing" /a b テスト /b ひとつ以上のテストケースの組み合わせ /li li a name="testcase" /a b テストケース /b a href="#steps" ステップ /a 、実行前条件値、 a href="#expectedresults" 予想結果 /a そして実行事後条件の組み合わせで、特定のプログラムのシナリオを用いることや指定された要件の遵守を検証することのような特定の目的またはテスト条件のために開発されたもの。 /li /ul /body /html
https://w.atwiki.jp/even_eko/pages/17.html
DOMを非表示 下のコードをタグの中に入れればOK! style="display none; " 例 div style="display none;" /div styleではcssのパラメータを変更できる。displayはcssのコマンドである。 audioタグ htmlファイル !DOCTYPE html html head title html5オーディオプレイヤー /title meta charset="UTF-8" script src="./html5_audio.js" /script /head body div id="audioZone" audio id="audio_8000" preload="auto" controls source src="audio/8000.wav" type="audio/wav" source src="audio/8000.mp3" type="audio/mp3" p ※ご利用のブラウザでは再生することができません。 /p /audio /div div id="musicZone" input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/ /div /body /html jsファイル function audioPlay(num) { var string = "audio/" + num + ".mp3"; var audio = new Audio(string); audio.play(); console.log(string); } これなら、Android2.2であるIS11Tでも動作した。 jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。 document.getElementById("audio_8000").play();
https://w.atwiki.jp/cheapugg058/pages/20.html
Trent Richardson - Look for Trent to make an impact in his first seasonat-name a visited, divcomtwitter-inner-ditto233990416805031936 spanpng) no-repeat;padding 20px;} com/images/themes/theme1/bg To go along with the 9176 yards, Tomlinson has 100 rushing touchdowns, with 2900 yards and 11 more touchdowns as a receiver It is possible that Scott is a firstborn like KourtneytwimgDenis LearyNot cool to be this dude s brother8timestamp{font-size 12px;display block}The Facebook app on iPhone sucks! Always got michael kors outlet problem loading commented photos!less than a minute ago via Twitter for iPhoneCecila ThamCecilaTham Though I looked briefly through a number of the local sporting goods stores, I unfortunately found nothing that was of quality, trying to use the money for nefarious purposes "The more women I speak to, the more I see so many of them want to do things and have dreams He made the wise decision of choosing the Green Bay Packers Once you find the most possible system, you are at a great advantage In short, Ortiz is one of the biggest stars in baseball because he can hit, as evidenced by his AL-leading home run tally in 2005, AL-leading RBI tallies in 2005 and 2006 and his 2010 Home Run Derby win King is often presented as a heroic leader in the history of modern American liberalismFruta Planta also contains other natural ingredients such as radish fruit and fruit gum The cpu processor needs to have atleast 1GBof space and a Pentium 4 hard drive for storage of any interesting shows Ever felt that will be thing which obliges the individuals to perform this unfamiliar conduct yourself? In truth, this can be the good phenomenon person about taking a look at nfl agrees with This is how generally the game is My teammates look to me as a leader and their confidence grows when they know I have the ballIf you are thinking about getting a GPS for mobile use, make sure you have a laptop, probably the one you already use, a GPS receiver and softwaredittoTweet span The streaming online TV software is available at many websites out there but only a few of these are worth your moneyFor many people bodybuilding is synonymous to a strict and specially designed diet planIn his career in Ice Hockey, Wayne Gretzky amassed 2,857 points with 894 goals and 1,963 assists, another long-standing NHL record that remains stiff to-day He showed the ability to turn and run deep with receivers, as well as making a number of plays on the ballmichael kors outlet online Crewe eventually forms his own team inside the walls, recruiting other convicts for the big game against Hazen s bruisers And they are cheerleading hairstyles for short hair, medium hair, and long hairHouston Texans at Indianapolis Colts (- 8 What next, NBC, are you going to tell me the ending of “The Dark Knight Rises” too?Tip o’ the hat to Buzzfeed for the vid, which you can watch here If these don t seem to fit the bill, purchasing a voltage meter would also work Some of the bikes are made for children There are also armbands, caps, and scarves that can include a fan s precious team logo # Green tea leaves and extracts have shown to be effective against bacteria responsible for bad breathcom/profile_background_images/82352675/get-attachment1www.shop49ersnfljersey.com It is very popular in China some 5,000 years ago for treating various kinds of illnesses, such as hay fever, asthma, and common cold They are not there to provide people with a way to pay their cell phone bill, or provide repair services for cell phones that become inoperable Charles was born in Baltimore, Maryland, to Allan Charles, an advertising executive, and Laura, a gossip columnist for the Baltimore Sun newspaperThat s right Included in the sample clips are a couple minutes from Terminator 2 Judgment Day, The Magic of Flight (IMAX) featuring the Uientrymail Yet many people have become very successful while being selfish (including some of the people that say being selfish is wrong) But they often exert adverse effects on your health and the problems are experienced in the long runA Little Background to Go With Your US Open Tennis TicketsIn 1887, the first US Women s National Singles Championship was held at the Philadelphia Cricket Club For the Packers young offense to succeed they need a consistent and healthy runner; Green s performance in Miami indicates that he may finally be ready to step back into that roletimestamp a span {display inline-block;width 16px;background-image url(http //imagesFurthermore, the Arctic Beacon is providing the original documents of the AmeriTrust $4timestamp aFurthermore, the Arctic Beacon is providing the original documents of the AmeriTrust $4 Also, intake of phenetermine while breastfeeding is not advised, as the drug could potentially be passed on to the baby via breast milk, and can result in unwanted effects She did, however, get her ass grabbed by another chick at that game"It is time for a massive change in this country s direction It only requires 30 minutes to search out an overview web site from Google, so flick through it, then find and obtain a couple of video games that appeals for you95Buy at limited-time special price $80 However, there are someMatt Ryan Jersey common and general requirements which should be fulfilled by anyone wanting to become licensed as a piercer 17 against the New York Jets and will then play in the Thanksgiving game (Nov Earlier, the West Indies posted 191-8 following attacking half-centuries from Chris Gayle and Marlon Samuels To say that bipolar disorder is a chemical imbalance that needs to be corrected with medication is a rather shallow view of a problem that there likely are reasons for or contributing factors This level of commitment and longevity belies the dedication of its founder Gordon Hart I pointed out in early August that when markets are less-liquid, as they often are in August, it can lead to lower volumes because the larger cost of initiating any move implies that it takes more certainty of the result before it makes sense to re-allocate any meaningful amount of a portfolio The book is funny, insightful, literary, and marvelously appealing I just feel sad for the unseen workers who do so much for our society and are not recognised in person or salarydittoTweet span Ancient Egypt venerated the lionessVince Wilfork Jersey (the fierce hunter) as their war deities and among those in the Egyptian pantheon are Bast, Mafdet, Menhit, Pakhet, Sekhmet, Tefnut, and the SphinxThe constituents of the food are very important when it is all about body building Management expects comparable store sales in April to increase 5’’‘‘He’s been the face of the franchise, sometimes reluctantly,’’ Bears chairman George McCaskey has said Last year s national title teams sit in the first two spots although the runner-up LSU Tigers holds the Notimestamp a {color #999;text-decoration none;}span Jim, Althea, Rocky and Angel Martin later become involved in a treasure hunt for stolen gold bullion, which is rumored to be buried near Jim’s trailer
https://w.atwiki.jp/cz8686/pages/17.html
[HTML] ヘッダ部記述 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" HTML HEAD META HTTP-EQUIV="Pragma" CONTENT="no-cache" META HTTP-EQUIV="Cache-Control" CONTENT="no-cache,must-revalidate" META HTTP-EQUIV="Expires" CONTENT="0" META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=Shift_JIS" TITLE ページタイトル /TITLE /HEAD [HTML] 表示バー table width="480" border="0" cellspacing="0" cellpadding="5" tr td height="50" width="15" bgcolor="#0000CC" /td td height="50" width="385" bgcolor="#CCCCFF" font size="3" b こんな感じで表示 /b /font /td /tr /table [HTML]作成者フッター TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" TR TD ALIGN="RIGHT" HR Copyright(C)なんとか会社, Ltd. 2008. All rights reserved. /TD /TR /TABLE
https://w.atwiki.jp/aias-closurecompiler/pages/15.html
トップページ Closure Compiler Service API Closure Compiler Service APIはClosure Compilerの機能をWeb-APIとして提供します。この方式ではユーザプログラムは直接APIサーバとHTTP-POST通信を行い、処理結果を受け取れるようになります。 Closure Compiler Service UIは短いコードを使ってCompilerを試してみる分にはとても良いアプリケーションです。しかしあなたがJavaScriptのコンパイルプロセスを自動化したいと考えていたり、あるいはコンパイル処理を(IDEの拡張機能のようなかたちで)ビルドプロセスの一部として組み込みたいと考えているのであれば、Closure Compiler Service APIの利用は検討する価値があります。 以下では簡単なアプリケーションを作成しながら、何段階かに分けてAPIの使い方を説明します。 Closure Compiler Service APIのリファレンスは、こちらを参照してください。 このページは公式サイトの以下のページを元に作成しました。http //code.google.com/closure/compiler/docs/gettingstarted_api.htmlhttp //code.google.com/closure/compiler/docs/api-tutorial1.htmlhttp //code.google.com/closure/compiler/docs/api-tutorial2.html 目次 APIサーバのURL 最も単純なサンプルアプリケーション APIとの通信 JavaScriptファイルをAPIに渡すには データサイズの制限 APIサーバのURL Closure Compiler Service APIへのリクエストは、下記のURLへ送信してください。 http //closure-compiler.appspot.com/compile 最も単純なサンプルアプリケーション 手はじめに、formを使ってAPIサーバへリクエストを送るアプリケーションを作成してみます。Closure Compiler Service APIをformから呼出すのは実際の利用方法としてはやや不自然ですが、HTTP-POSTによる通信の様子を確認するにはこのやり方が最も簡単です。 下のHTMLをコピーペーストして closure_compiler_test.html というファイルを作成してください。 html body form action="http //closure-compiler.appspot.com/compile" method="POST" p Type JavaScript code to optimize here /p textarea name="js_code" cols="50" rows="5" function hello(name) { // Greets the user alert( Hello, + name); } hello( New user ); /textarea input type="hidden" name="compilation_level" value="WHITESPACE_ONLY" input type="hidden" name="output_format" value="text" input type="hidden" name="output_info" value="compiled_code" br br input type="submit" value="Optimize" /form /body /html 上のformでは4つの必須パラメータが設定されています。(各パラメータの詳細はこちらを参照してください)中でも重要なのは次の2つです。 js_code 処理対象となるJavaScriptコードを指定します。このようにコード文字列を直接送信する方法の他に、JSファイルのURLから入力コードを指定することもできます。後者についてはこちらで詳しく説明します。 compilation_level コンパイルレベルを指定します。この例では最も圧縮率の低い WHITESPACE_ONLY が設定されていますが、より強力にコードの短縮を行いたいのであれば、 SIMPLE_OPTIMIZATIONS や ADVANCED_OPTIMIZATIONS を試してみてください。 closure_compiler_test.html をブラウザで開きます。 Optimize ボタンをクリックしコードをClosure Compiler Service APIへ送ると、下のようなコードがAPIサーバから返却されてくるはずです。返却されるコードはオリジナルコードからコメントと空白・改行を削除したもので、機能はオリジナルと同じですがサイズはかなり小さくなっています: function hello(name){alert("Hello, "+name)}hello(){"New user"}; APIとの通信 次に、プログラムが直にHTTP通信を行うサンプルプログラムを示します: 以下のサンプルはPythonで記述されています。ただし構造自体はごく単純ですので、理解するのにPythonの言語的な知識は特に必要ありません。 #!/usr/bin/python2.4 import httplib, urllib, sys # Define the parameters for the POST request and encode them in # a URL-safe format. params = urllib.urlencode([ ( js_code , sys.argv[1]), ( compilation_level , WHITESPACE_ONLY ), ( output_format , text ), ( output_info , compiled_code ), ]) # Always use the following value for the Content-type header. headers = { "Content-type" "application/x-www-form-urlencoded" } conn = httplib.HTTPConnection( closure-compiler.appspot.com ) conn.request( POST , /compile , params, headers) response = conn.getresponse() data = response.read() print data conn.close このスクリプトはコマンドライン引数として渡されたJavaScriptをコンパイルし、処理されたコードを出力します。上のコードをコピーペーストして compile.py というファイル名で保存、ファイルのパーミッションを変更して実行権限を付与した後、以下のコマンドを実行してください。 $ python compile.py alert("hello");// This comment should be stripped 注意: Windows環境でこのプログラムを実行するには、Pythonのインストールが必要です。詳細はこちらを参照してください。 コマンドはAPIから返却されたコンパイル済みコードを出力します。このサンプルでは WHITESPACE_ONLY レベルが設定されているので、Compilerはコメントを取り除く以外は何もしません。 alert("hello"); このスクリプトについて、注意すべき点をいくつか挙げておきます。 HTTPConnection オブジェクトの request メソッドに渡されるパラメータは、 urllib.urlencode によって事前に全てURLエンコードされています。変数 params の値は次のような文字列です: js_code=alert%28%22hello%22%29%3B%2F%2F+This+comment+should+be+stripped output_info=compiled_code out=text compilation_level=WHITESPACE_ONLY リクエストの Content-type ヘッダは常に application/x-www-form-urlencoded でなければなりません。 JavaScriptファイルをAPIに渡すには 上の例ではコマンドライン引数としてJavaScript文字列をプログラムに渡していました。しかし実業務で使われるJavaScriptコード(その長さは2、3行などすぐに超えてしまうでしょう)を扱うには、この方式はやや無理が有るように思われます。このようなケースでは、 code_url パラメータを使って処理したいJavaScriptファイルのURLを指定するのがよいでしょう。 例として、次のJavaScriptプログラムを取り上げます: /** * A simple script for adding a list of notes to a page. The list diplays * the text of each note under its title. */ /** * Creates the DOM structure for a note and adds it to the document. */ function makeNoteDom(noteTitle, noteContent, noteContainer) { // Create DOM structure to represent the note. var headerElement = document.createElement( div ); var headerText = document.createTextNode(noteTitle); headerElement.appendChild(headerText); var contentElement = document.createElement( div ); var contentText = document.createTextNode(noteContent); contentElement.appendChild(contentText); var newNote = document.createElement( div ); newNote.appendChild(headerElement); newNote.appendChild(contentElement); // Add the note s DOM structure to the document. noteContainer.appendChild(newNote); } /** * Iterates over a list of note data objects and creates a DOM */ function makeNotes(data, noteContainer) { for (var i = 0; i data.length; i++) { makeNoteDom(data[i].title, data[i].content, noteContainer); } } function main() { var noteData = [ {title Note 1 , content Content of Note 1 }, {title Note 2 , content Content of Note 2 }]; var noteListElement = document.getElementById( notes ); makeNotes(noteData, noteListElement); } main(); このプログラムをひとかたまりの大きな文字列としてAPIに渡すより、ファイル名を指定するだけの方が便利です。それには以下のようにします: 上のコードをファイルに保存します。 そのファイルをWEBからアクセス可能な場所(あなたのWebサーバなど)に置きます。 APIとの通信で作ったデモを修正し、 js_code を code_url に置き換えます。 params = urllib.urlencode([ ( code_url , sys.argv[1]), # --- This parameter has a new name! ( compilation_level , WHITESPACE_ONLY ), ( output_format , text ), ( output_info , compiled_code ), ]) 以下のコマンドを実行すると、 http //example.com/yourJs.js というURLがClosure Compilerに渡されます。Compilerは指定されたURLからファイルを取得してコンパイルし、その結果を返却します。 $ python compile.py http //example.com/yourJs.js 1つのリクエストの中に複数の code_url パラメータを含めることができます: params = urllib.urlencode([ ( code_url , http //example.com/yourJsPart1.js), ( code_url , http //example.com/yourJsPart2.js), ( compilation_level , WHITESPACE_ONLY ), ( output_format , text ), ( output_info , compiled_code ), ]) ファイルは指定順に結合されてから、1つのコードとしてコンパイルされます。尚、 code_url と js_code も1つのリクエスト内で同時に使用できます。 データサイズの制限 Closure Compiler Service APIに送信できるデータのサイズには、以下の2種類の制限が設けられています。 POSTデータのサイズの合計は200,000バイトまで クライアントがAPIに送信するPOSTデータのサイズは200,000バイト以内でなければなりません。この制限を超過した場合はサーバエラー 8 POST data too large. が返却されます。もし js_code パラメータで送信しているソースコードの量が多い場合は、ファイルに分離した上でそれを code_url パラメータで参照するようにしてください。 コードの総量は1,024,000バイトまで APIが1回のリクエストで処理できるコードの総量は1,024,000バイトとされています。ここでいうコードの総量とは、 code_url 及び externs_url に指定された全てのファイル内のコード、 js_code 及び js_externs に指定された全てのコード文字列の合計を指します。 この制限を超過した場合はサーバエラー 9 File too large. が返却されます。 このエラーが発生する場合は、ローカルマシン上でのClosure Compiler Applicationの使用を検討してください。
https://w.atwiki.jp/403_forbidden/pages/50.html
漫画が好きです。アニメ・小説についても思ったコト書いてみたい。 んで、だーっとエクセルみたいに表示させるのが目的。これは走り書き。一生、走り書きの侭のような気がする。好きな作品云々と言うよりもlog的の要素が高い。 矢沢あい [■少女マンガから漂う地方色について考えてみた。ttp //d.hatena.ne.jp/asa-ko/20050925/p1] 対応するregion、endregionプラグインが不足しています。対になるようプラグインを配置してください。 P.N.の由来も凄く興味深かった。まとめるときは全部wikiやら何やら参考にしてみよう。(但し全部信じない。) それはともかく、『NANA』のゲーム面白そうだな(笑)。 「ゴクジョッ。」は女版の稲中卓球部である! 対応するregion、endregionプラグインが不足しています。対になるようプラグインを配置してください。 [銀のロマンティック・・・わはは ttp //mitaimon.cocolog-nifty.com/blog/2010/02/figure-comic.html] 対応するregion、endregionプラグインが不足しています。対になるようプラグインを配置してください。 尼レビュ 内容もきちっと読んでるだろうに、極々真面目にエロ視点でしか書いてないのが一本義通ってる。 [巨費をかけてry http //coolsummer.typepad.com/kotori/2005/07/9101112.html] [マイナーだがガチで面白い漫画教えろ http //blog.livedoor.jp/kinisoku/archives/1646264.html] カテゴリ [web] - trackback- ????年??月??日 ?? ?? ?? 名前 コメント
https://w.atwiki.jp/memo77/pages/26.html
PageLastUpdate 2012-07-05/today - /yesterday - 印刷時のみ適用するcss ありがちな間違い tDiaryテーマとはてなテーマDOCUTYPE宣言ではまった はてなのメニュー部分ではまった wikiで使うための数値実体参照 Internet Explorer Developer Toolbar あなたのページを最速にする14の掟 よく使うサイト comment とにかく基本はAnother HTML-lint gatewayで自分のサイトをチェックして、ダメなところを徹底的に潰すこと。これをやってるうちに、少しづつ知識がついてくる。 印刷時のみ適用するcss とりあえず@ウィキのこのデザインで印刷時に余計な要素を表示させないサンプル 2012/07/05 @media print { form {display none; } .noprint {display none; } .ddsmoothmenu {display none; } .header {display none; } .footer {display none; } .ads {display none; } #body-footer {display none; } .outer { border-left none; border-right none; } body { font 8pt serif; }} ありがちな間違い スクリプトでcgi呼び出すときに、パラメータ中に?a=1 b=2みたいな記述があるときに を にし忘れる。 tDiaryテーマとはてなテーマ 2007/05/01 なんかtDiaryのテーマとか選んでいるうちに、いじらざるを得なくなってきた。せっかくなので勉強しよう。 tDiaryテーマの作り方 http //www.tdiary.org/doc/HOWTO-make-theme.html テーマ向けHTMLの構造図解 http //tnat.net/img/tdiary_css.png テーマ別によるスタイルシートサンプル http //joram.agz.jp/hatena/theme_body.html#link DOCUTYPE宣言ではまった 2007/05/04 検索語:はてなダイアリー/スキン/テーマ/デザイン/tdiary/崩れる adiareyとimg0chに同じテーマを指定しても同じにならない。adiaryははてなとほぼ同じになるけどimg0chが崩れます。 要素を一個一個つぶしていっても直らない。まったく同じ構造までたどり着いて、img0chのDOCUTYPE宣言にloose.dtdがついてるのに気が付く。 adiary/はてな !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" img0ch !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" tDiary !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http //www.w3.org/TR/html4/strict.dtd" で、これが原因でしたorz そっかー、dtdのあるなしで標準モードと互換モードというのがあるのね。勉強になった・・・ http //desperadoes.biz/style/mode.php 追記:と思ったら、tDiaryはTransitionalじゃなくてstrict.dtdがついてる。これはデザインの共有で問題にならないのかしらん? さらに追記:img0chのテンプレートや吐き出されてるのは !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" だった。なんで勘違いしたかというと、IEからHTMLとして保存すると、自動的に !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" になるようだ。 はてなのメニュー部分ではまった はてなの一番上のメニュー部分はテーマによって違うらしい。テーブルレイアウトでくるときとそうじゃないときがあるよ。 たぶん古い table border="0" width="100%" cellspacing="0" cellpadding="0" id="banner" ... たぶん新しい div id="simple-header" ... wikiで使うための数値実体参照 2007/05/05 HTMLで使える文字実体参照 http //www.ne.jp/asahi/minazuki/bakera/html/reference/charref 文字 数値実体参照 用途 | | テーブル中で|を書く必要があるとき Internet Explorer Developer Toolbar 2007/05/11 Webページの構造を検証できるMicrosoft純正IE用プラグイン。 http //www.forest.impress.co.jp/article/2007/05/11/iedevtoolbar.html あなたのページを最速にする14の掟 http //blog.livedoor.jp/dankogai/archives/50828720.html HTTPリクエストは最小限に - Make fewer HTTP requests CDNを活用 - Use a CDN Expiresヘッダを利用 - Add an Expires header コンテンツはGzipせよ - Gzip components CSSは上に - Put CSS at the top JSは下に - Move JS to the bottom CSSのexpressionの利用は控えよ - Avoid CSS expressions JSとCSSは外部化せよ - Make JS and CSS external DNS参照を抑えよ - Reduce DNS lookups JSを「縮刷」せよ - Minify JS リダイレクトは控えよ - Avoid redirects スクリプトの重複を削除せよ - Remove duplicate scripts ETagはオフにせよ - Turn off ETags AJAXを小さくしてキャッシュ可能にせよ - Make AJAX cacheable and small よく使うサイト HTML鳩丸倶楽部 http //www.ne.jp/asahi/minazuki/bakera/html/hatomaru comment このページの記述で聞きたいこととか間違ってることとかありましたらコメントを。 名前 コメント すべてのコメントを見る
https://w.atwiki.jp/picolit/pages/18.html
html head STYLE TYPE="text/css" !-- /* .maintabletable tr td { padding 0 0 0 0; margin 0 0 0 0; width 700px; border 1px; } .maintable tr{} .maintable td {border solid 1px #f96;} / .commontable th{background-color #99CC66;} .btn{width 90px} .txt{width 310px} .outLine{border solid 1px #f96;} /STYLE /head body TABLE ALIGN="center" width="700" TR TD HEIGHT="100" /TD /TR TR TD div CLASS="outLine" TABLE class="commontable" border="1" width="100%" cellpadding="5" bgcolor="#DCF4B1" style="font-size 0.9em" tr th COLSPAN="3" AAAA /th /tr TR th key /th TD COLSPAN="2" INPUT TYPE="text" NAME="keyword" SIZE="20" MAXLENGTH="10" /TD /TR TR th key /th TD COLSPAN="2" INPUT TYPE="text" NAME="keyword" SIZE="20" MAXLENGTH="10" /TD /TR TR th WIDTH="20%" key /th td WIDTH="40%" INPUT TYPE="text" NAME="keyword" SIZE="50" /TD TD WIDTH="40%" STYLE="text-align center" INPUT TYPE="BUTTON" NAME="start" TYPE="button" VALUE="開始" CLASS="btn" INPUT TYPE="BUTTON" NAME="start" TYPE="button" VALUE="開始" CLASS="btn" /td /TD /TR /TABLE /TD /TR /div /TABLE /body /html
https://w.atwiki.jp/yoshida2/pages/115.html
telnetでブラウズ(HTTP) このページでは、インターネットでホームページなどをブラウジングするときに利用するHTTPプロトコルについて説明しています。 概要 HTTPプロトコルとは、Hypertext Transfer Protocolの略で、インターネットでホームページなどをブラウジングするときに利用しているプロトコルです。 HTTPプロトコルは、TCP/IP上のプロトコルで、通常80番ポートを使ってアクセスします。 詳細な定義は、以下のRFCで定義されています。 RFC-1945 HTTP/1.0 RFC-2068 HTTP/1.1 基本的に、メッセージを要求(リクエスト)し、その応答結果(レスポンス)を表示するだけです。 HTTPのアクセスログ ApacheなどのWebサーバのログを見ると、リクエストとレスポンスが、以下の形式で出力されます。 アクセスログの書式 アクセス元 - - [アクセス時間] メソッド名 URL名 プロトコルバージョン レスポンスコード 例: 10.0.1.20 - - [01/Jul/1999 23 22 46 +0900] GET /usr/joe/index.html HTTP/1.0 200 2060 メソッドの種類には、GETやPOSTなどがあります。 GETメソッドは、HTMLデータや画像データなどを取得する場合に使用します。 GETメソッドで要求すると、ヘッダ情報とHTMLデータが返却されます。 GETメソッドでCGIを呼び出すこともできます。 パラメータを渡す場合は、URLの後に ?name1=データ1 name2=データ2 という形式で指定します。 HEADメソッドは、ファイルサイズや更新日時を調べる場合に利用します。 HEADメソッドを利用すると、ヘッダ情報だけが返却されます。 POSTメソッドは、CGIなどにデータを渡す場合に使用します。 パラメータなどのデータは、環境変数などによって、CGIに渡ります。 以下に、HTTPのバージョンとメソッドの種類を示します。 メソッドの種類 HTTP/1.0 GET, HEAD, PUT, POST, DELETE, LINK, UNLINK HTTP/1.1 OPTIONS, TRACE, PATCH 以下に、レスポンスコードの一覧を示します。 100番台は通信エラー、200番台は正常終了、300番台はリダイレクト、400番台はクライアントエラー、500番台はサーバエラーを表しています。 リダイレクトとは、クライアントの指定したURLに移動した場合などに返却されます。 レスポンスコード コード 内容 コード 内容 100 Continue 101 Switching Protocols 200 OK 201 Created 202 Accepted 203 Non-Authoritative Information 204 No Content 205 Reset Content 206 Partial Content 300 Multiple Choices 301 Moved Permanently 302 Moved Temporarily 303 See Other 304 Not Modified 305 Use Proxy 400 Bad Request 401 Unauthorized 402 Payment Required 403 Forbidden 404 Not Found 405 Method Not Allowed 406 Not Acceptable 407 Proxy Authentication Required 408 Request Time-out 409 Conflict 410 Gone 411 Length Required 412 Precondition Failed 413 Request Entity Too Large 414 Request-URI Too Large 415 Unsupported Media Type 500 Internal Server Error 501 Not Implemented 502 Bad Gateway 503 Service Unavailable 504 Gateway Time-out 505 HTTP Version not supported レスポンスコードは、ログファイルなどに出力されますので、知っていると役に立つと思います。 telnetでブラウジング では、実際にtelnetでブラウジングしてみましょう。 telnetコマンドで、WWWサーバ名と、80番ポートを指定します。 Linux# telnet ash.jp 80 そこで、環境変数をすべて表示するCGI(env.cgi)を起動してみます。 まず、GETコマンドで、取得したいURLと、HTTPのバージョンを指定します。 GET /~joe/prog/cgi/env01.cgi HTTP/1.0 ここで、リターンのみを入力しても表示されますが、以下のオプションも入力してみます。 指定したオプションは、環境変数としてCGIに渡ります。 User-Agent Telnet [ja] (Linux) Host www.ash.jp リターンのみを入力すると、レスポンスと、HTMLが表示されます。 当然、HTMLのソースが表示されるだけですから、頭の中でHTMLを解析し画面イメージを想像する必要があります。 以下に実行結果を示します。 Linux# telnet ash.jp 80 Trying 210.154.87.18... Connected to ash.jp. Escape character is ^] . GET /~joe/prog/cgi/env01.cgi HTTP/1.0 User-Agent Telnet [ja] (Linux) Host ash.jp HTTP/1.1 200 OK DeleGate-Ver 5.8.8 (delay=7) Date Fri, 02 Jul 1999 09 56 24 GMT Server Apache/1.3.3 (Unix) Content-Type text/html Via 1.0 210.154.87.18 80 (DeleGate/5.8.8) Content-Length 954 html body h1 CGIでの環境変数一覧 /h1 hr h3 環境変数の表示 /h3 DOCUMENT_ROOT = /usr/local/share/apache/htm br GATEWAY_INTERFACE = CGI/1.1 br HTTP_FORWARDED = by http //210.154.87.18 80/ (DeleGate/5.8.8) for sv01.lo.ash.or .jp br HTTP_HOST = ash.jp br HTTP_USER_AGENT = Telnet [ja] (Linux) br HTTP_VIA = 1.0 210.154.87.18 80 (DeleGate/5.8.8) br PATH = /usr/local/sbin /usr/local/bin /sbin /usr/sbin /bin /usr/bin br QUERY_STRING = br REMOTE_ADDR = 10.0.1.254 br REMOTE_PORT = 12621 br REQUEST_METHOD = GET br REQUEST_URI = /~joe/prog/cgi/env01.cgi br SCRIPT_FILENAME = /home/joe/public_html/prog/cgi/env01.cgi br SCRIPT_NAME = /~joe/prog/cgi/env01.cgi br SERVER_ADMIN = info@ash.jp br SERVER_NAME = ash.jp br SERVER_PORT = 80 br SERVER_PROTOCOL = HTTP/1.0 br SERVER_SIGNATURE = ADDRESS Apache/1.3.3 Server at ash.jp Port 80 /ADDRESS br SERVER_SOFTWARE = Apache/1.3.3 (Unix) br hr br このCGIのソース: a href=env01.txt env01.cgi /a br /body /html Connection closed by foreign host. 最初の、HTTP/1.1 200 OKは、HTTPプロトコルで、正常に転送したことを表します。 その後にヘッダ情報が転送され、最後にHTMLのソースが転送されます。 環境変数として、以下の値が追加設定されているのが確認できます。 HTTP_HOST = ash.jp HTTP_USER_AGENT = Telnet [ja] (Linux) このように、HTTPプロトコルは、要求(リクエスト)に対して、応答(レスポンス)が返却されるだけのシンプルなプロトコルです。 余談ですが、HTTPプロトコルという呼び方は、Hyper Text Transfer Protocol プロトコルになって、プロトコルが2重になってしまい、おかしいです。 でも、この方がわかりやすいので、私はよく使います。
https://w.atwiki.jp/ekuserutoka/pages/13.html
!-- コメント クロームの場合 1.デスクトップ上にChromeのショートカットを作る。 2.ショートカットのプロパティを開く 3.ショートカットタブを選択する 4.リンク先のボックスで、Chromeの実行ファイルのパスの後に --allow-file-access-from-files を書きくわえる。 管理者権限がないとできない可能性が高い。 これだけです。これをした後で、このショートカットからChromeを起動すると、ローカルファイルアクセスが可能です。 この起動オプションの実行を確かめたい場合は、Chromeのアドレスを打ち込むボックスに、 chrome //version/ と書き込みます。するとバージョン情報というタブが開きます。コマンドラインという項目の中に先ほどの、 --allow-file-access-from-files が書き込まれていればOKです。 CSV カンマ区切り UTF-8 -- html head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" script src="js/jquery-1.7.2.min.js" type="text/javascript" /script script src="js/jquery.csv2table-0.02-b-4.8.js" type="text/javascript" charset="utf-8" /script /head body input type="text" id="word" button type="button" id="btn-search" 項目1 /button input type="text" id="word2" button type="button" id="btn-search2" 項目5 /button !-- コメント 検索項目、大見出し付き -- div id="view1" /div div id="view2" /div script type="text/javascript" $().ready ( function() { $( #btn-search ).click ( function() { $( #view1 ).csv2table( ./test.csv , { appendThead ["番号", "名前", "住所", "電話番号", "おまけ"] },{ where [ { 項目1 like + % + $( #word ).val() + % } ] , }); }); }); /script script type="text/javascript" $().ready ( function() { $( #btn-search2 ).click ( function() { $( #view2 ).csv2table( ./テスト.csv , { where [ { 項目5 like + % + $( #word2 ).val() + % } ] }); }); }); /script br font size = 2 一覧表示 /font div id="view0" /div div id="view3" /div script $(function(){ $( #view0 ).csv2table( ./test.csv , { appendThead ["番号", "名前", "住所", "電話番号", "備考"] }); }); /script script $(function(){ $( #view3 ).csv2table( ./テスト.csv ); }); /script /body /html